<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户赛事创建页面</title>
<style>
table{margin:auto}

.remarks{width:300px;
		height:50px}

.button1{
	display:inline-block;padding:15px 25px;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;
	outline:none;color:#4CAF50;background-color:#DDA0DD;border:none;border-radius:10px;box-shadow:0 6px #999;
}
.button1:hover{
background-color:#3e8e41;
}
.button1:active{
background-color:#3e8e41;box-shadow:0 4px #666;transform:translateY(3px);
}

p{
	font-family:"Arial";
	color:#FFFF33;
}

.remarks{width:300px;
		height:50px}

.box2 {
	width: 75em;
	height: 70em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	display:inline-block;

}

.box3 {
    bottom:5px;
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;
	position:absolute;
	
}

.box4 {
	width: 90em;
	height: 4em;
	background: tan;
	padding: 1em;
	box-shadow: 0 0 0 .6em #655;
	outline: .6em solid #655;
	float: left;

}

.box6 {
	width: 90em;
	height: 80em;
	float: left;
	background: #655;
	background-image: radial-gradient(tan 30%, transparent 0),
	radial-gradient(tan 30%, transparent 0);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	text-align:center;	
}
</style>
</head>
<body>
<div class="box6">
<div class="box4">
<h2>软件学院赛事系统</h2>
</div>
<form action="NewCompetition" method="get">
<div class="box2">
<table>
<tr>
<td><p>举办方名称：</td>
<td><p><input type="text" name="OrganizersName"/></td>
</tr>
<tr>
<td><p>赛事名称：</td>
<td><p><input type="text" name="CompetitionName"/></td>
</tr>
<tr>
<td><p>赛事类型：</td>
<td><p><input type="text" name="CompetitionType"/></td>
</tr>
<tr>
<td><p>赛事时间：</td>
<td><p><input type="text" name="CompetitionDate"/></td>
</tr>
<tr>
<td><p>赛事价格：</td>
<td><p><input type="text" name="CompetitionPrice"/></td>
</tr>
<tr>
<td><p>赛事备注：</td>
<td><p><input type="text" name="CompetitionRemarks" class="remarks"/></td>
</tr>
<tr>
<td><p><input type="submit" name="action" value="创建" class="button1"/></td>
<td><p><input type="submit" name="action" value="取消" class="button1"/></td>
</tr>
</table>
</div>
</form>
</div>
</body>
